<!DOCTYPE html>

<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->

<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->

<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->

<!-- BEGIN HEAD -->

<head>

	<meta charset="utf-8" />

	<title>Metronic | Extra - 404 Page Option 2</title>

	<meta content="width=device-width, initial-scale=1.0" name="viewport" />

	<meta content="" name="description" />

	<meta content="" name="author" />

	<!-- BEGIN GLOBAL MANDATORY STYLES -->

	<link href="${cssPath}/css/manager/bootstrap.min.css" rel="stylesheet" type="text/css"/>

	<link href="${cssPath}/css/manager/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>

	<link href="${cssPath}/css/manager/font-awesome.min.css" rel="stylesheet" type="text/css"/>

	<link href="${cssPath}/css/manager/style-metro.css" rel="stylesheet" type="text/css"/>

	<link href="${cssPath}/css/manager/style.css" rel="stylesheet" type="text/css"/>

	<link href="${cssPath}/css/manager/style-responsive.css" rel="stylesheet" type="text/css"/>

	<link href="${cssPath}/css/manager/default.css" rel="stylesheet" type="text/css" id="style_color"/>

	<link href="${cssPath}/css/manager/uniform.default.css" rel="stylesheet" type="text/css"/>

	<!-- END GLOBAL MANDATORY STYLES -->

	<!-- BEGIN PAGE LEVEL STYLES -->

	<link href="${cssPath}/css/manager/error.css" rel="stylesheet" type="text/css"/>

	<!-- END PAGE LEVEL STYLES -->

	<link rel="shortcut icon" href="${imgPath}/images/manager/favicon.ico" />

</head>

<!-- END HEAD -->

<!-- BEGIN BODY -->

<body class="page-404-full-page">

	<div class="row-fluid">

		<div class="span12 page-404">

			<div class="number">

				404

			</div>

			<div class="details">

				<h3>Opps, You're lost.</h3>

				<p>

					We can not find the page you're looking for.<br />

					<a href="index.html">Return home</a> or try the search bar below.

				</p>

				<form action="#">

					<div class="input-append">                      

						<input class="m-wrap" size="16" type="text" placeholder="keyword..." />

						<button class="btn blue">Search</button>

					</div>

				</form>

			</div>

		</div>

	</div>

	<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->

	<!-- BEGIN CORE PLUGINS -->

	<script src="${jsPath}/js/manager/jquery-1.8.3.min.js" type="text/javascript"></script>   

	<script src="${jsPath}/js/manager/bootstrap.min.js" type="text/javascript"></script>

	<!--[if lt IE 9]>

	<script src="${jsPath}/js/manager/excanvas.js"></script>

	<script src="${jsPath}/js/manager/respond.js"></script>  

	<![endif]-->   

	<script src="${jsPath}/js/manager/breakpoints.js" type="text/javascript"></script>  

	<script src="${jsPath}/js/manager/jquery.uniform.min.js" type="text/javascript" ></script> 

	<!-- END CORE PLUGINS -->

	<script src="${jsPath}/js/manager/app.js"></script>  

	<script>

		jQuery(document).ready(function() {    

		   App.init();

		});

	</script>

	<!-- END JAVASCRIPTS -->

</body>

<!-- END BODY -->

</html>